label.popup
{
	display: block;
	float: left;
	width: 60px;
	margin-left: 10px;
	padding-top: 6px;
}

div.recomendanos
{
	position: absolute;
	float: left;
	margin-left: -90px;
}

/* Acomodar la ventana de informaci�n. */
div.feedback-info-widget
{	
	width: 55%;
	margin-left: 45%;
	margin-top: -40px;
	padding-bottom: 300px;
	border-width: 5px;
}

.red
{
	color: red;
}

span.clock
{
	float: left;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 30px;
}

div.tip
{
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-style: italic;
    color: #777777;
}

.required
{
    margin-left: 5px;
    color: #ff0000;
    font-weight: bold;
    font-size: 12px;
}
.mask
{
    margin-left: 5px;
    color: #ff9900;
    font-style: italic;
}

div.filter
{
    width: 400px;
    /* background-color: #FF0000; */
    margin-bottom: 10px;
    padding-bottom: 2em;
    margin-left: 15%;
}
div.filter div.left
{
    /* background-color: blue; */
    text-align: left;
    width: 80%;
}
div.filter div.left input
{
    width: 150px;
}
div.filter div.left label
{
    padding-top: 5px;
    height: 20px;
    display: block;
    float: left;
    width: 100px;
    /* background-color: white; */
}
div.filter div.right
{
    text-align: center;
    /* background-color: green; */
    width: 20%;
}

DIV.form 
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    BORDER-RIGHT: #9999ff 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #9999ff 1px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #9999ff 1px solid;
    WIDTH: 400px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #9999ff 1px solid;
    FONT-FAMILY: 'Arial', 'Helvetica', 'Sans-serif', 'sans';
    text-align: left;
}
DIV.form_title 
{
    PADDING-RIGHT: 25px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #9999ff;
    text-align: left;
}
DIV.label {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    WIDTH: 80px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    float: left;
}
TEXTAREA {
    BORDER-RIGHT: #9999ff 1px solid;
    BORDER-TOP: #9999ff 1px solid;
    BORDER-LEFT: #9999ff 1px solid;
    width: 319px !important;
    width /**/: 294px;
    BORDER-BOTTOM: #9999ff 1px solid;
    HEIGHT: 177px
}
input.button 
{
    margin-top: 10px !important;
    margin-top /**/: 1px;
}
div.right
{

    text-align: right;
    text-align: right;
}

div.page
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
div.header
{
    float: left;
    width: 796px;
    height: 162px;
    background-image:url(../../images/header.jpg);
    background-repeat:no-repeat;
	margin-bottom: 10px;
}
div.title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 30px;

    height: 100px !important; /* Firefox */
    height /**/ : 130px; /* Internet Explorer */
}
div.title_left
{
    float: left;
    text-align: left;
}
div.title_right
{
    float: right;
    text-align: right;
    padding-right: 15px;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #3300cc;
    margin-top: -20px;
	font-weight: 400;
}
div.title_right a
{
    color: #3300cc;
    text-decoration: underline;
}
div.title_right a:hover
{
    color: #eeffee;
    text-decoration: underline;
}
div.menu2
{
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-right: 25px;
}
div.menu2 a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#333333;
    text-decoration:none;
}
div.menu2 a:hover
{

    color: #1d2cea;
}
div.body
{
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}
div.left_panel
{
    float: left;
    width: 210px;
}
div.novedades
{
}
div.grafico
{
}
div.right_panel
{
    float: right;
    width: 555px;
    margin-right: 10px;
}
div.filtro
{
    margin-top: 10px;
    margin-bottom: 10px;
}
div.table_header
{
    background-color: #cccccc;
}
table
{
    font-family: 'Arial', 'Helvetica', 'Sans-serif', 'sans';
    font-size: 8pt;
}
tr
{
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}
td
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.form_title
{
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-right: 25px;
}
div.table_footer
{
    text-align: center;
    width: 555px;
    margin-right: 10px;
}
div.footer
{
    float: left;
    margin-left: 10px;
    width: 785px;
    height: 40px;
    background-image:url(../../images/bg_footer.gif);
    background-repeat:no-repeat;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#FFFFFF;
}
div.footer a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#FFFFFF;
    text-decoration:none;
}
div.footer a:hover
{
    text-decoration:underline;
}




/*
Estilo de los tags HTML.
*/
body 
{
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/*
Estilo para los divs de estructura.
*/
div.feedback 
{
    width: 800px;
    float: left;

    margin-top: -20px !important;
    margin-top: -20px;

    margin-bottom : 5px !important;
    margin-bottom /**/: -30px;

    z-index: -1;

    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    color: #ff7700;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 10px !important;
    height /**/: 10px;
}

/*LEFT PANEL (News, Links, etc.)*/
#leftpanel
{
    float: left;
    height: 303px;
}
/*CONTENT*/
#content
{
    width: 805px;
}
#contenttext
{
    float:right;
    width: 580px;
}

/*FOOTER*/
.afooter{
    width: 779px;
    height: 32px;
    background-image:url(../../images/bg_footer.gif);
    background-repeat:no-repeat;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#FFFFFF;
}
/*FOOTER LINKS*/
.footer a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#FFFFFF;
    text-decoration:none;
}
.footer a:hover{
    text-decoration:underline;
}

/*TABLE*/
.table_top{
    width: 204px;
    height: 27px;
    background-image:url(../../images/table_top.jpg);
    background-repeat:no-repeat;
}
.table_content{
    width: 204px;
    background-image:url(../../images/table_content.jpg);
    background-repeat:repeat-y;
}
.table_text{
    margin-left:15px;
    margin-right:15px;
    text-align:justify;
}
.table_bottom{
    width: 204px; height: 23px;
}

/*TEXT STYLES*/
.news_date {	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #0099CC;
}
.body_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.news_more {	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF9900;
    font-weight: bold;
}
.news_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.big_label
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
}
.big_income
{
    color: #009933;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
}
.income
{
    color: #009933;
}

.big_outcome
{
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
}
.outcome
{
    color: #ff0000;
}

.subtitle_gray {	font-family:Verdana, Arial, Helvetica, sans-serif;	
    font-weight: bold;
    font-size: 14px;
    color: #CCCCCC;
}
.title_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #7DA5E0; }
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

label
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.barra_centro
{
    float: left;
    height: 30px;
    background-image: url('../../images/barra.medio.gif');
    background-repeat: repeat-x;
    padding-top: 5px;
}
.barra_izquierda
{
    float: left;
    width: 18px;
    height: 30px;
    background-image: url('../../images/barra.izquierda.gif');
}
.barra_derecha
{
    float: left;
    width: 18px;
    height: 30px;
    background-image: url('../../images/barra.derecha.gif');
}

div.listado_pequeno
{
    width: 250px;
    height: 280px;
    overflow: auto;
    background-color: rgb(230, 230, 230);
    padding-left: 5px;
    padding-right: 5px;
}
div.borde_tabla
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    width: 250px;
    height: 23px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #303990;
}
div.row_listado_pequeno
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
div.cell_left
{
    float: left;
    text-align: left;
}
div.cell_right
{
    text-align: right;
    font-weight: bold;
    margin-right: -25px;
}

form
{
    font-family: 'Arial', 'Helvetica', 'Sans-serif', 'sans';
    font-size: 8pt;
}

tr
{

    padding-top: 3px;
    padding-bottom: 3px;
}

tr.odd
{    
    background-color: #def6ff;
}

tr.even
{
    background-color: #ded5ff;
}

div.left_column
{
	float: left; 
}

div.right_column
{
	float: right;
}
	
input.number
{
	text-align: right;
}

.bold
{
	font-weight: bold;
}